<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <!-- CSS only -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <!-- JS, Popper.js, and jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></script>
    <script src="${pageContext.request.contextPath}/js/saxon/common.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
</head>
<body>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--导航-->
<input type="hidden" name="">
<nav id="header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="${pageContext.request.contextPath}/JSP/frame.jsp" style="text-decoration: none">首页</a></li>
            <li class="breadcrumb-item"><a href="#" style="text-decoration: none">说说</a></li>
            <li class="breadcrumb-item"><a href="${pageContext.request.contextPath}/htmls/loading.jsp" style="text-decoration: none">博客</a></li>
            <li class="breadcrumb-item" id="more"><a href="${pageContext.request.contextPath}/admin/index.jsp" style="text-decoration: none">后台</a></li>
            <li class="breadcrumb-item active" aria-current="page">持续开发中...</li>
        </ol>
        <span id="getTime">2020年9月1日</span>
        <button type="button" class="btn btn-outline-dark"><a href="${pageContext.request.contextPath}/loginout">退出</a></button>
    </nav>
</nav>

<script>
    getTime();
    setInterval("getTime()",1000);
    let a=${sessionScope.user.userRole};
    if (a.valueOf()==1){
        $("#more").removeAttr("hidden")
    }else {
        $("#more").attr("hidden","true")
    }
</script>
<script>
    /*鼠标特效 */
    /*这个方法用来随机一个十六进制颜色代码，让每一次点击浮动文字的杨色不同*/
    function co() {
        var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
        var colorArray = colorElements.split(",");
        var color = "#";
        for (var i = 0; i < 6; i++) {
            color += colorArray[Math.floor(Math.random() * 16)];
        }
        return color;
    }
    var a_idx = 0;

    jQuery(document).ready(function($) {
        $("body").click(function(e) {
            /*这个数组中的每一个字符是你要浮动显示的词或句子，每次点击鼠标后按顺序出现*/
            var a = new Array("欢迎光临(*^_^*)", "博主最帅(*^_^*)",
                "博主最酷˶‾᷄ꈊ‾᷅˵", "博主最美ฅ(๑ ̀ㅅ ́๑)ฅ","好想亲博主(๑> ₃ <)", "好想和博主交朋友ଘˊᵕˋଓ", "是嘛  QQ:2433027822 ", "这么夸人家，人家很不适应欸గ .̫ గ");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index" : 999999,
                "top" : y - 20,
                "left" : x,
                "position" : "absolute",
                "font-weight" : "bold",
                "color" : co()
            });
            $("body").append($i);
            $i.animate({
                    "top" : y - 180,
                    "opacity" : 0
                },
                1500,
                function() {
                    $i.remove();
                });
        });
    });
</script>
</body>
</html>
